.view-root {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(242, 246, 252, 1);
	position: relative;
	.status-wait-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(179deg, #6E99C7 0%, #5BC8F6 100%);
	}
	.status-finish-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(179deg, #3BC369 0%, #84DDA6 100%);
	}
	.status-cancel-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(179deg, #6E99C7 0%, #5BC8F6 100%);
		opacity: 0.5;
	}
	.status-after-sale-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(180deg, #FF8F1F 0%, #F6C592 100%);
	}
	.content-scroll {
		flex: 1;
		height: calc(100vh - 135rpx);
		.scroll-flex-wrap {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: stretch;
			padding: 24rpx;
			.order-title {
				padding: 36rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				.status-name {
					font-size: 48rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
				}
				.status-discribe {
					font-size: 30rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
				}
			}
			.pick-wrap {
				background-color: white;
				border-radius: 24rpx;
				padding: 24rpx;
				display: flex;
				flex-direction: column;
				overflow: hidden;
				
				.info-line {
					display: flex;
					align-items: center;
					.main-text {
						font-size: 32rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #333333;
					}
					>image {
						width: 36rpx;
						height: 36rpx;
					}
				}
				.divider {
					margin: 24rpx 0 24rpx 52rpx;
					background-color: #E5E5E5;
					height: 2rpx;
				}
				.address-text {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #B0B2B1;
					margin: 24rpx 52rpx 0;
				}
				
			}
			.address-wrap {
				background-color: white;
				border-radius: 24rpx;
				padding: 24rpx;
				display: flex;
				align-items: center;
				overflow: hidden;
				.address-info {
					display: flex;
					flex-direction: column;
					flex: 1;
					margin-left: 24rpx;
					.address-name {
						font-size: 32rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #333333;
					}
					.address-location {
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
						margin-top: 16rpx;
					}
				}
				>image {
					width: 72rpx;
					height: 72rpx;
				}
			}
			.express-wrap {
				background-color: white;
				border-radius: 24rpx;
				padding: 0 24rpx;
				display: flex;
				flex-direction: column;
				align-items: stretch;
				overflow: hidden;
				.current-trace-info {
					display: flex;
					flex-direction: column;
					padding: 24rpx 32rpx;
					position: relative;
					.trace-discribe {
						font-size: 28rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #6E99C7;
					}
					.trace-time {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
						margin-top: 8rpx;
					}
				}
				.target-info {
					display: flex;
					flex-direction: column;
					padding: 24rpx 32rpx;
					position: relative;
					.target-name {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6B6970;
						margin-top: 8rpx;
					}
					.target-location {
						font-size: 28rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #333333;
					}
				}
			}
			.refuse-info-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				flex-direction: column;
				padding: 24rpx;
				margin-top: 24rpx;
				position: relative;
				.refuse-reason-title {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #B0B2B1;
				}
				.refuse-reason {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					margin-top: 16rpx;
				}
			}
			.store-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				flex-direction: column;
				margin-top: 24rpx;
				.store-title {
					display: flex;
					border-bottom: 2rpx solid rgba(229, 229, 229, 1);
					margin-top: 8rpx;
					align-items: center;
					margin: 0 24rpx;
					.store-title-text {
						flex: 1;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						margin-left: 8rpx;
						color: #222222;
					}
					>image {
						width: 36rpx;
						height: 36rpx;
						margin: 28rpx 0rpx;
					}
				}
				.medicine-wrap {
					display: flex;
					flex-direction: column;
					padding: 24rpx;
					.after-sale-btn {
						width: 140rpx;
						height: 56rpx;
						border-radius: 14px;
						border: 2rpx solid #E5E5E5;
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
						line-height: 56rpx;
						text-align: center;
						margin-top: 16rpx;
						align-self: flex-end;
					}
					.medicine-usage {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6B6970;
					}
					.valid-medicine {
						display: flex;
						box-sizing: border-box;
						align-items: flex-start;
						.medicine-pic-wrap {
							position: relative;
							.medicine-pic {
								width: 150rpx;
								height: 150rpx;
							}
							.prescription-tag {
								position: absolute;
								top: 0;
								left: 0;
								width: 72rpx;
								height: 36rpx;
								background: #6E99C7;
								border-radius: 0 0 16rpx 0;
								opacity: 0.8;
								line-height: 36rpx;
								text-align: center;
								font-size: 20rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								color: #FFFFFF;
							}
						}
						.info-wrap {
							flex: 1;
							margin-left: 24rpx;
							display: flex;
							flex-direction: column;
							box-sizing: border-box;
							overflow: hidden;
							justify-content: flex-start;
							.medicine-name {
								font-size: 14px;
								font-family: PingFangSC-Regular, PingFang SC;
								color: #222222;
							}
							.medicine-pack {
								font-size: 22rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								color: #B0B2B1;
								margin-top: 48rpx;
							}
						}
						.price-count-wrap {
							display: flex;
							flex-direction: column;
							align-items: flex-end;
							.medicine-price {
								font-size: 28rpx;
								font-family: PingFangSC-Semibold, PingFang SC;
								font-weight: 600;
								color: #222222;
							}
							.medicine-count {
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								margin-top: 32rpx;
								color: #B0B2B1;
							}
						}
					}
				}
			}
			.price-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				flex-direction: column;
				padding: 24rpx;
				margin-top: 24rpx;
				.price-form-line {
					display: flex;
					align-items: center;
					margin-bottom: 16rpx;
					overflow: hidden;
					.price-form-title {
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6B6970;
					}
					.price-form-content {
						flex: 1;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #222222;
						text-align: end;
					}
				}
				.price-total-line {
					display: flex;
					align-items: baseline;
					justify-content: flex-end;
					.price-total-title {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #222222;
					}
					.price-total-number {
						font-size: 36rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #FC4E4C;
					}
				}
			}
			.order-info-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				flex-direction: column;
				padding: 24rpx;
				margin-top: 24rpx;
				position: relative;
				.copy-btn {
					position: absolute;
					top: 24rpx;
					right: 24rpx;
					width: 80rpx;
					height: 36rpx;
					border-radius: 18rpx;
					border: 2rpx solid #B0B2B1;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #B0B2B1;
					line-height: 36rpx;
					text-align: center;
				}
				.info-form-line {
					display: flex;
					align-items: center;
					margin-bottom: 16rpx;
					overflow: hidden;
					.info-form-title {
						width: 156rpx;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
					}
					.info-form-content {
						flex: 1;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #222222;
					}
					.express-copy-btn {
						width: 80rpx;
						height: 36rpx;
						border-radius: 18rpx;
						border: 2rpx solid #B0B2B1;
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
						line-height: 36rpx;
						text-align: center;
					}
				}
			}
			.refund-info-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				padding: 24rpx;
				margin-top: 24rpx;
				align-items: center;
				.refund-price {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FC4E4C;
				}
				.refund-left-wrap {
					flex: 1;
					align-items: flex-start;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					.refund-title {
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6B6970;
					}
					.refund-notice-wrap {
						display: flex;
						align-items: center;
						margin-top: 4rpx;
						.refund-notice {
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #B0B2B1;
						}
						>image {
							width: 24rpx;
							height: 24rpx;
							margin-right: 8rpx;
						}
					}
				}
			}
		}
		
	}
	.bottom-panel {
		width: 100vw;
		height: 135rpx;
		z-index: 400;
		background: #FFFFFF;
		box-shadow: 0rpx -4rpx 12rpx 0rpx #DFE5F3;
		border-radius: 24rpx 24rpx 0px 0px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		.status-text {
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			margin-right: 24rpx;
			color: #222222;
			text-align: end;
		}
		.normal-btn {
			width: 204rpx;
			height: 76rpx;
			background: #E0E9F3;
			border-radius: 38rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #6E99C7;
			text-align: center;
			line-height: 76rpx;
			margin-right: 16rpx;
		}
		.confirm-btn {
			width: 204rpx;
			height: 76rpx;
			background: #6E99C7;
			border-radius: 38rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: white;
			text-align: center;
			line-height: 76rpx;
			margin-right: 24rpx;
		}
	}
	
	.express-traces-root {
		width: 100%;
		height: 100vh;
		z-index: 900;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		.close-btn {
			width: 80rpx;
			height: 80rpx;
			bottom: 50rpx;
			position: absolute;
		}
		.express-traces-wrap {
			width: calc(100vw - 96rpx);
			height: calc(100vh - 300rpx);
			background-color: white;
			border-radius: 24rpx;
			padding: 0 24rpx;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			overflow: hidden;
			.express-info-line {
				display: flex;
				align-items: center;
				overflow: hidden;
				height: 100rpx;
				.express-name-code {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					flex: 1;
				}
				.copy-btn {
					width: 80rpx;
					height: 36rpx;
					border-radius: 18rpx;
					border: 2rpx solid #B0B2B1;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #B0B2B1;
					line-height: 36rpx;
					text-align: center;
				}
			}
			.traces-scroll {
				width: calc(100vw - 96rpx);
				height: calc(100vh - 400rpx);
				.trace-wrap {
					display: flex;
					flex-direction: column;
					padding: 24rpx 32rpx;
					position: relative;
					.trace-current {
						font-size: 24rpx;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 400;
						color: #6E99C7;
					}
					.trace-old {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6B6970;
					}
				}
			}
		}
	}
	
	.after-sale-dialog-root {
		width: 100%;
		height: 100vh;
		z-index: 900;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		.after-sale-dialog {
			width: calc(100vw - 200rpx);
			background-color: white;
			border-radius: 24rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: stretch;
			overflow: hidden;
			.explain-notice {
				background: #F2F6FC;
				border-radius: 24rpx;
				padding: 24rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				color: #222222;
			}
			.content-wrap {
				display: flex;
				flex-direction: column;
				align-items: stretch;
				overflow: hidden;
				padding: 24rpx;
			}
			.divider-line {
				height: 2rpx;
				background-color: #E5E5E5;
			}
			.dialog-form-line {
				height: 88rpx;
				display: flex;
				align-items: center;
				overflow: hidden;
				.dialog-form-star {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #F93A4A;
				}
				.dialog-form-title {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #6B6970;
				}
				.dialog-form-content {
					flex: 1;
					display: block;
					overflow-wrap: break-word;
					color: rgba(34, 34, 34, 1);
					font-size: 28rpx;
					font-family: PingFangSC-Regular;
					// white-space: nowrap;
					// line-height: 33rpx;
					text-align: right;
					box-sizing: border-box;
				}
			}
			.button-wrap {
				display: flex;
				align-items: center;
				.dialog-cancel-btn {
					flex: 1;
					height: 88rpx;
					text-align: center;
					font-size: 30rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 88rpx;
				}
				.vertical-divider-line {
					width: 2rpx;
					background-color: #E5E5E5;
					height: 88rpx;
				}
				.dialog-confirm-btn {
					flex: 1;
					height: 88rpx;
					text-align: center;
					font-size: 30rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 400;
					color: #6E99C7;
					line-height: 88rpx;
				}
			}
		}
	}
}

.express-trace-line-wrap {
	display: flex;
	flex-direction: column;
	width: 32rpx;
	align-items: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	.trace-line-top-color {
		height: 36rpx;
		background-color: #6E99C7;
		width: 2rpx;
		margin-left: 7rpx;
	}
	.trace-line-ball-color {
		width: 16rpx;
		height: 16rpx;
		border-radius: 8rpx;
		background-color: #6E99C7;
	}
	.trace-line-bottom-color {
		flex: 1;
		background-color: #6E99C7;
		width: 2rpx;
		margin-left: 7rpx;
	}
	.no-trace-line-top {
		height: 36rpx;
		width: 2rpx;
		margin-left: 7rpx;
	}
	.trace-line-top {
		height: 36rpx;
		background-color: rgba(229, 229, 229, 1);
		width: 2rpx;
		margin-left: 7rpx;
	}
	.trace-line-ball {
		width: 16rpx;
		height: 16rpx;
		border-radius: 8rpx;
		background-color: rgba(229, 229, 229, 1);
	}
	.trace-line-bottom {
		flex: 1;
		background-color: rgba(229, 229, 229, 1);
		width: 2rpx;
		margin-left: 7rpx;
	}
}